.mainbox { max-width:1400px; }

#pp_menu { width:99%; max-width:1500px; margin:0 auto; padding:5px 0 10px 0; text-align:center; font-family:arial,serif; }
#pp_menu a { display:inline-block; margin:5px; padding:10px 15px; border-radius:12px; border:2px solid var(--bg); vertical-align:middle; text-align:center; white-space:nowrap; line-height:32px; font-size:18pt; font-weight:bold; color:var(--text2); }
#pp_menu .active { color:var(--linkpj); }
#pp_menu a.xnewbt { margin-left:15px; border-color:var(--primary); }
#pp_menu a.xnewbt:hover { background-color:var(--primary); color:var(--primarytext); }
#pp_menu a:hover { color:var(--linkactive); }

.pp_notfound { width:70%; max-width:800px; margin:30px auto; padding:80px 10px; border-radius:20px; border:2px dashed var(--bg3); text-align:center; font-size:20pt; color:var(--text3); }

.pp_agreement { width:90%; max-width:900px; margin:20px 20px 10px 20px; padding:10px; font-size:12pt; color:var(--text2); }
.pp_agreement .xlabel { font-size:16pt; color:var(--textred); }
.pp_agreement ul { margin-top:5px; margin-bottom:0; }
.pp_agreement li { padding-bottom:7px; }

@media(max-width:780px) {
	#pp_menu a { margin:0; font-size:16pt; }
	#pp_menu a.xnewbt { margin-left:10px; }
}
@media(max-width:500px) {
	#pp_menu a { font-size:16pt; }
	.pp_notfound { width:80%; margin:20px auto; padding:50px 5px; font-size:14pt; }
}
@media(max-width:400px) {
	#pp_menu a { font-size:14pt; }
}